<div class="panel panel-default">
  <!-- Default panel contents -->
  <div class="panel-heading">Functions List</div>
  <div class="panel-body">
    <p> some text ...</p>
  </div>

  <!-- List group -->
  <div class="list-group">
    <a href="{{ path_for('mder-manager',{'action':'source'}) }}" class="list-group-item {% if _globals.config.urls.route == 'source' %}active{% endif %}">Sources Files</a>
    <a href="{{ path_for('mder-manager',{'action':'blog'}) }}" class="list-group-item {% if _globals.config.urls.route == 'blog' %}active{% endif %}">Blog Articles</a>
    <a href="#" class="list-group-item {% if _globals.config.urls.route == 'setting' %}active{% endif %}">Site Setting</a>
  </div>
  <ul class="nav nav-pills nav-stacked" role="tablist">
    <li><a href="">test</a></li>
    <li><a href="">test</a></li>
    <li><a href="">Setting</a></li>
    <li class="">
          <a href="#sub-list-1" class="collapsed" data-toggle="collapse"><b>Dropdown</b> <span class="caret"></span></a>
          <ul class="nav collapse" id="sub-list-1" role="menu">
            <li><a href="#">Action</a></li>
            <li class="divider"></li>
            <li><a href="#">Separated link</a></li>
          </ul>
        </li>
  </ul>
</div>